<!doctype html>

<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no"name="viewport">
<title>登录</title>
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/style.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/script.js"></script>
</head>
<body>
<div id="box">
 <div class="conLogin">
  <form action="{:U('Business/toLogin')}" method="post" name="form">
   <div class="login">
    <input type="tel" placeholder="请输入您的手机号" name="tel" />
   </div><!--/login-->
   <div class="login">
    <input type="password" placeholder="请输入您的密码" name="pwd" />
   </div><!--/login-->
   <p><a href="#">登录遇到问题？</a></p>
   <div class="loginSub"><a href="index.html">
    <input type="submit" value="确认提交" class="sub" onClick="return yanzheng()" name="submit" /></a>
   </div><!--/loginSub-->
  </form>
 </div><!--contents-->
</div><!--box-->
<!--js验证弹出确认框-->
<div class="clickBox" style="display: none;">
 <div class="clickOne">
  <p></p>
  <h4><a href="javascript:;" class="close_a">确认</a></h4>
 </div>
</div>
<!--js验证弹出确认框End-->
<script type="text/javascript">
 function yanzheng()
	{
		var tel=form.tel.value;
		if(tel.length==0)
		{
			str = "请输入正确的手机号！";
			form.tel.focus();
			opendiv(str);
			return false;
		}		
		var pwd=form.pwd.value;
		if(pwd.length<6)
		{
			str = "请填写正确的密码！";
			opendiv(str);
			form.pwd.focus();
			return false;
		}
		return true;
	}
	function opendiv(str){
		var strs = str;
		var clickname = $(".clickBox");
		clickname.show();
		$(".clickOne p").html(strs);
	}
	$(".close_a").click(function(){
		var clickname = $(".clickBox");
		clickname.hide();
	});
</script>
</body>
</html>
